<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,minimum-scale=0.5,maximum-scale=0.5,initial-scale=0.5" />
<title>无标题文档</title>
<link href="../css/base.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="../js/jquery-1.7.2.min.js" ></script>
<script type="text/javascript" src="../js/amoy.js"></script>
<script type="text/javascript">
	$(function(){
		$.lbShow({
			picUL:"lb_pic",
			numsUL:"lb_nums",
			styles:"hover",
			time:3000
		});
	});
</script>
</head>

<body>
	<div class="w320 mg">
    	<div class="head clearfix">
        	<a href="#" class="logo"><img src="../images/logo.png" class="block" /></a>
            <p class="tip">妈妈们网上购物的好地方！</p>
        </div>
       	<div class="lb_wrap">
        	<ul id="lb_pic">
            	<li class="current"><a href="#"><img src="../images/lb_320x151.png" class="block" /></a></li>
                <li style="display:none;"><a href="#"><img src="../images/lb_320x151.png" class="block" /></a></li>
                <li style="display:none;"><a href="#"><img src="../images/lb_320x151.png" class="block" /></a></li>
                <li style="display:none;"><a href="#"><img src="../images/lb_320x151.png" class="block" /></a></li>
            </ul>
            <ul class="lb_nums" id="lb_nums">
            	<li class="current"><i class="icon_circle_s1"></i></li>
                <li><i class="icon_circle_s1"></i></li>
                <li><i class="icon_circle_s1"></i></li>
                <li><i class="icon_circle_s1"></i></li>
            </ul>
        </div>
        <div class="pro_columns">
        	<div class="pro_column">
            	<div class="pro_item">
					<a href="#" class="block"><img src="../images/pic_151x145.png" class="block" /></a>
                    <a href="#" class="title">童装女童夏装2012连衣裙</a>
                   	<a href="#" class="buy"><i class="price">￥69.86</i>去店铺购买</a>
                </div>
                <div class="pro_item">
					<a href="#" class="block"><img src="../images/pic_151x145.png" class="block" /></a>
                    <a href="#" class="title">童装女童夏装2012连衣裙</a>
                   	<a href="#" class="buy"><i class="price">￥69.86</i>去店铺购买</a>
                </div>
                <div class="pro_item">
					<a href="#" class="block"><img src="../images/pic_151x145.png" class="block" /></a>
                    <a href="#" class="title">童装女童夏装2012连衣裙</a>
                   	<a href="#" class="buy"><i class="price">￥69.86</i>去店铺购买</a>
                </div>
            </div>
            <div class="pro_column">
            	<div class="pro_item">
					<a href="#" class="block"><img src="../images/pic_151x145.png" class="block" /></a>
                    <a href="#" class="title">童装女童夏装2012连衣裙</a>
                   	<a href="#" class="buy"><i class="price">￥69.86</i>去店铺购买</a>
                </div>
            </div>
        </div>
    </div>
    <div class="loading" style="display:none;">
    	<img src="../images/waiting.gif" /><span>果果街正在努力加载中...</span>
    </div>
    <script type="text/javascript">
    	$(function(){
			var columnIndex=1;
			//var proData=$.parseJSON(data);
			var proData="";
			var proColumns=$("div.pro_column");
			$.each(proData,function(index,item){
				var html='<div class="pro_item">'
						+'<a href="#" class="block"><img src="../images/pic_302x290.png" class="block" /></a>'
                    	+'<a href="#" class="title">童装女童夏装2012连衣裙</a>'
                   		+'<a href="#" class="buy"><i class="price">￥69.86</i>去店铺购买</a>'
                		+'</div>';
				switch(columnIndex){
					case 1:proColumns.eq(0).append(html);columnIndex+=1;break;
					case 2:proColumns.eq(1).append(html);columnIndex=1;break;
				}
			});
			
			var sTop,allHei,winHei;
			winHei=$(window).height();
			$(window).bind("scroll",function(){
				sTop=$(window).scrollTop();
				allHei=$(document).height();
				if(allHei-sTop-winHei<=200){
					$("div.loading").show();
					var html='<div class="pro_item">'
						+'<a href="#" class="block"><img src="../images/pic_151x145.png" class="block" /></a>'
                    	+'<a href="#" class="title">童装女童夏装2012连衣裙</a>'
                   		+'<a href="#" class="buy"><i class="price">￥69.86</i>去店铺购买</a>'
                		+'</div>';
					proColumns.eq(0).append(html)
				}
			});
			
			
			
			
		});
    </script>
</body>
</html>
